<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="fhp" tagdir="/WEB-INF/tags"%>

<%--
<t:template>
	<jsp:attribute name="header">
      <h1>Welcome</h1>
    </jsp:attribute>
	<jsp:attribute name="footer">
      <p id="copyright">Copyright 1927, Future Bits When There Be Bits Inc.</p>
    </jsp:attribute>
	<jsp:body>
        <p>Hi I'm the heart of the message</p>
    </jsp:body>
</t:template>
 --%>
<fhp:layout>
	<jsp:body>
<link href="/css/multizoom/multizoom.css" rel="stylesheet"
			type="text/css" />
	<link href="/css/product_view.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/multizoom/multizoom.js"></script>
<script src='/js/product.view.js' type='text/javascript'></script>
<script type="text/javascript" src="/js/admin.call.rest.action.js"></script>

<script>
	jQuery(document).ready(function($) {
		$('#images_selected').addimagezoom({
			magnifiersize : [ 300, 300 ]
		});
	});
	function slideFocus(_img) {

		var d = _img.parentNode.parentNode.parentNode;
		var d1 = d.getElementsByTagName('div')[0].getElementsByTagName('img')[0];
		d1.src = _img.src;
		d1.removeAttribute("style");
		/*var m = document.getElementsByClassName('featuredimagezoomerhidden magnifyarea')[0].getElementsByTagName('img')[0];
		m.src=_img.src;*/
		(function($) {
			$('#images_selected').addimagezoom({
				magnifiersize : [ 300, 300 ]
			});

		})(jQuery);
	}
</script>


<style>
</style>




<style>
</style>





	<div style="border-bottom: 1px solid #DDDDDD; height: 30px;"></div>
		<section id="product_view" class="product_view">
			
		</section>

			<script>
				function editProduct(node) {
					var url ="/rest/process/edit_product";
					var fieldName = $(node).attr('name');
					var fieldValue = encodeURIComponent(node.innerHTML);
					
					var pathname = window.location.pathname;
					var productId = pathname.split('/')[pathname.split('/').length-1];
					
					var params = 'product_id='+productId+'&'+fieldName+'='+fieldValue;
					
					AdminCallRestAction.callRestAxtion(url,params,function(){});
				};
				var pathname = window.location.pathname;
				var productId = pathname.split('/')[pathname.split('/').length - 1];
				var pr = new ProductView();
				pr.loadProductData('product_view', productId);

				//Add Parram, edit action

				//eval('alert(pathname);');
			</script>
			
		<fhp:carouselForGallery galleryId="" galleryName="40name" />

	
	
	
	</jsp:body>

</fhp:layout>